$(function(){
	// 封装个ajax请求图片方法
	function ajaxImg(model,select,select2,discrip,price){//model模块的图片,select请求的img选择器,select2请求的图片标题
		$.ajax({
			url:'http://api.mm.com/images/'+model,
			type:'get',
			dataType:'json',
			success:function(res){
				// console.log(res.data[0]);
				var data=res.data;
				for(var i=0;i<select.length;i++){
					if (select.attr('data-original')!==undefined) {
						select.eq(i).attr('data-original',data[i].imgsrc);
						select.lazyload({//图片懒加载
							threshold :-20,
							effect : "fadeIn",
							// event:'scroll'
							// skip_invisible:false;//如果想要加载隐藏图片
						});
					}else{
						select.eq(i).attr('src',data[i].imgsrc);
					}
					
					if (select2!==undefined) {
						select2.eq(i).html(data[i].imginfo);
					}
					if (discrip!==undefined) {
						discrip.eq(i).html(data[i].imgdescribe);
					}
					if (price!==undefined) {
						price.eq(i).html('￥'+data[i].price);
					}
				}
			},error:function(err){
				console.log(err);
			}
		})
	}
	/******************************轮播图模块***********************************************/
	// function slideImg(){//试用模块图片地址请求
	// 	$.ajax({
	// 		url:'http://api.mm.com/images/slide',
	// 		type:'get',
	// 		dataType:'json',
	// 		success:function(res){
	// 			// console.log(res.data[0]);
	// 			var data=res.data;
	// 			for(var i=0;i<$('.banner .item img').length;i++){
	// 				$('.banner .item img').eq(i).attr('src',data[i].imgsrc);
	// 			}
	// 		},error:function(err){
	// 			console.log(err);
	// 		}
	// 	})
	// }
	ajaxImg('slide',$('.banner .item img'));//试用模块图片地址请求
	/******************************热门试用模块***********************************************/
	// function userImg(){//试用模块图片地址请求
	// 	$.ajax({
	// 		url:'http://api.mm.com/images/user',
	// 		type:'get',
	// 		dataType:'json',
	// 		success:function(res){
	// 			// console.log(res.data[0]);
	// 			var data=res.data;
	// 			for(var i=0;i<$('.product img.lazy').length;i++){
	// 				$('.product img.lazy').eq(i).attr('src',data[i].imgsrc);
	// 				$('.product .item-title').eq(i).css('background','#fff').html(data[i].imginfo);
	// 			}
				
	// 		},error:function(err){
	// 			console.log(err);
	// 		}
	// 	})
	// }
	ajaxImg('user',$('.product img.lazy'),$('.product .item-title'));//试用模块图片地址请求
	//上翻下翻
	var userIndex=0;
	var userSlideLen=$('#userSlide').width();
	$('.userbtn-next').click(function(){
		userIndex++;
		userIndex%=3;
		$('.slide-item').stop().animate({
			left:-(userSlideLen*userIndex),
		})
	})
	$('.userbtn-prev').click(function(){
		userIndex--;
		userIndex<0?userIndex=2:userIndex=userIndex;
		userIndex%=3;
		// console.log(userIndex);
		$('.slide-item').stop().animate({
			left:-(userSlideLen*userIndex),
		})
	})
	/******************************报告精选模块***********************************************/
	ajaxImg('report',$('#report img.lazy'),$('#report p'));//报告模块图片地址请求
	$('#report .rebox>div').hover(function(){
		var reportIndex=$(this).index();
		$('.report-box').eq(reportIndex).stop().animate({
			'bottom':0
		})
	})
	$('#report .rebox>div').mouseleave(function(){
		var reportIndex=$(this).index();
		$('.report-box').eq(reportIndex).stop().animate({
			'bottom':-25
		})
	})
	/******************************导购模块***********************************************/
	ajaxImg('guid',$('#guide img.lazy'),$('#guide p'));//报告模块图片地址请求
	/******************************酷玩模块***********************************************/
	ajaxImg('play',$('#find img.lazy'),$('#find p'),$('#find span.discrip'),$('#find span.price'));//报告模块图片地址请求
	//点击加载更多
	
	var count;
	var start=7;//从start开始请求
	var num=8;//请求num个
		$('#addBtn').click(function(){
		    // $('#find .container').append(str);
		 $('#addBtn').attr('disabled','disabled'); 
		 $.ajax({
		 	url:'http://api.mm.com/images/play?id='+start+'&num='+num,
		 	type:'get',
		 	dataType:'json',
		 	success:function(res){
		 		var str='';
		 		console.log(res.count);
		 		count=res.count-start-1;//剩余图片数量
		 		if (count>0) {
		 			for(var i=0;i<res.data.length;i++){
		 				str='<div class="col-md-3"><a href=""><img class="lazy" src="holder.js/100px126?size=100" data-original="'+res.data[i].imgsrc+'" alt=""><div class="play-box"><p>'+res.data[i].imginfo+'</p><span class="discrip">'+res.data[i].imgdescribe+'</span><span class="pull-left price">'+res.data[i].price+'</span>                            <span class="pull-right"><i class="glyphicon glyphicon-thumbs-up"></i>3 <i class="glyphicon glyphicon-comment"></i>3</span></div></a></div>';
						$('#find .container').append(str);	
						$('#find .container .lazy').eq(i+start+1).lazyload({//图片懒加载
							threshold :-20,
							effect : "fadeIn",
							// event:'scroll'
							// skip_invisible:false;//如果想要加载隐藏图片
						});	
						if (res.data.length<8) {
							$('#addBtn').css('display','none');
		 					$('.text-tips').css('display','block');
						} 			
		 			}
		 			// $('#find .container').append(str);
		 			$('#addBtn').removeAttr("disabled");
		 			start+=8;
		 		}else{
		 			$('#addBtn').css('display','none');
		 			$('.text-tips').css('display','block');
		 		}
		 	},error:function(err){
		 		console.log(err);
		 	}
		 })

	})







})